# Проект: Навигатор фильмов (frontend)

Дипломный проект выполненный в рамках курса "Веб-разработчик" от Яндекс Практикум. Проект представляет из себя фронтенд часть для проекта [Навигатор фильмов](https://github.com/strahpas1986/movies-explorer-api) также выполненного в рамках указанного выше учебного курса.

## Оглавление

- [Обзор проекта](#обзор-проекта)
  - [Информация для код-ревью](#информация-для-код-ревью)
  - [Задачи проекта](#задачи-проекта)
  - [Функциональность проекта](#функциональность-проекта)
  - [Директории проекта](#директории-проекта)
  - [Запуск проекта](#запуск-проекта)
  - [Ссылки](#ссылки)
- [Ход выполнения проекта](#ход-выполнения-проекта)
  - [Используемые технологии](#используемые-технологии)
  - [Чему я научился работая над проектом](#чему-я-научился-работая-над-проектом)
- [Автор](#автор)

## Обзор проекта

### Информация для код-ревью

- [Ссылка на макет проекта](https://disk.yandex.ru/d/-CDX2pBNjg443g)

### Задачи проекта

Проект был призван закрепить навыки frontend-разработки, фреймворка React, разработки SPA, и работе с React Router.

### Функциональность проекта

Функционально проект представляет из себя приложение для поиска фильмов как по названию так и формату (короткий метр / полный метр). У пользователя имеется возможность добавить понравившийся фильм в свою коллекцию сохранённых фильмов, при этом в коллекции сохранённых фильмов остаются указанные выше возможности поиска и фильтрации.

### Директории проекта

- `src/components` — директория с компонентами
- `src/contexts` — директория с элементами контекста
- `src/hooks` — директория с пользовательскими хуками
- `src/images` — директория с файлами изображений
- `src/utils` — директория со вспомогательными файлами
- `src/vendor` — директория с файлами библиотек
  - `/fonts` — директория со шрифтами

### Запуск проекта

- `npm run build` — запуск проекта в режиме продакшн, с формированием файлов подготовленных к деплою в директории `/build`
- `npm start` — запуск проекта в режиме разработки

### Ссылки

- [Ссылка на репозиторий проекта](https://github.com/strahpas1986/movies-explorer-frontend)
- [Ссылка на PullRequest](https://github.com/strahpas1986/movies-explorer-frontend/pull/1)
- [Ссылка на сайт](https://movies-strahpas.nomoredomains.rocks)
- [Ссылка на API проекта](https://api.movies-strahpas.nomoredomains.rocks)
- IP-адрес проекта 51.250.12.225
  
## Ход выполнения проекта

### Используемые технологии

- HTML
- CSS
- JS
- [React](https://react.dev/)
- [React Router](https://reactrouter.com/en/main)
- [Create React App](https://create-react-app.dev/)
- Адаптивная вёрстка
- Семантическая вёрстка

### Чему я научился работая над проектом

## Автор

**Владимир Страшнов**

- e-mail: [strahpas1986@yandex.ru](mailto:strahpas1986@yandex.ru)
- Telegram: [@strahpas](https://t.me/strahpas)
